<!--
 * @Author: byron
 * @Date: 2021-10-18 08:35:55
 * @LastEditTime: 2022-01-26 19:46:33
-->
<template>
    <div>
        <div class="Post-Header">
            <h1 class="Post-Title" style="color: #333">{{ msg }}</h1>
            <div class="Post-Author">
                <span class="UserLink">
                    <div class="UserAvatar">
                        <img
                            src="http://image.huos77.cn/img/avatar.png"
                            alt=""
                        />
                    </div>
                </span>
                <div class="AuthorInfo">
                    <div class="Info-more">
                        半山腰总是很拥挤，你得去山顶看看。
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    props: ['msg', 'time'],
}
</script>
<style lang="less" scoped>
.main-warp {
    max-width: 710px;
    margin: 0 auto;
    padding: 0 10px;
}

.Post-Header {
    margin: 10px 0px;
    overflow: hidden;
}
.Post-Title {
    margin: 24px 0;
    line-height: 1.22;
}
.Post-Author {
    display: flex;
    line-height: 30px;
}

.UserAvatar {
    width: 30px;
    height: 30px;
    border-radius: 999px;
    overflow: hidden;
    vertical-align: middle;
}

img {
    width: 100%;
    height: 100%;
}

.Info-more {
    font-size: 13px;
    color: #0066ff;
    padding-left: 10px;
}
</style>
